<script>
import {defineComponent} from 'vue'

export default defineComponent({
  name: "ComAside"
})
</script>

<template>
  <div class="aside">
  <ul>
    <!-- 此处点击链接  ComMain接收<router-view>    -->
    <li><router-link to="/lay/home">home组件</router-link></li>
    <li><router-link to="/lay/about">about组件c</router-link></li>
  </ul>
  </div>
</template>

<style scoped>
.aside{
  width: 100%;
}
div.aside>ul>li{
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
div.aside>ul>li>a{
  color: #333;
  text-decoration: none;
}
div.aside>ul>li>a:hover{
 color: deeppink;
 font-weight: bold;
  text-decoration: underline;
}
</style>